<template>
  <BasicDrawer v-bind="$attrs" title="知识库智能助手" width="50%" height="100%">
    <ChatClient></ChatClient>
  </BasicDrawer>
</template>
<script lang="ts">
  import { defineComponent } from 'vue';
  import { BasicDrawer } from '/@/components/Drawer';

  import ChatClient from './ChatClient.vue';

  export default defineComponent({
    components: {
      BasicDrawer,
      ChatClient,
    },
  });
</script>

<style lang="less">
  /* 设置 Drawer 容器的样式 */
  // .ant-drawer-content {
  //   height: 100% !important; /* 使用 !important 来确保样式覆盖 */
  //   overflow-y: auto; /* 允许内容垂直滚动，如果内容超出高度 */
  // }
  // 实际发现drawer的body外层有个自动的样式会导致内容部分高度不是100%
  // .scroll-container {
  //   height: 100% !important; /* 使用 !important 来确保样式覆盖 */
  //   overflow-y: auto; /* 允许内容垂直滚动，如果内容超出高度 */
  // }
</style>
